<template>
  <div>
    <h2>TsCard</h2>


    <div>
      <!-- <slot name="default" sname="default" age="20">this is s3</slot> -->
      <slot sname="default" age="20">this is s3</slot>
    </div>

    <div>
      <slot name="s1" sname="s1" num="200">this is s1</slot>
    </div>

    <div>
      <slot name="s2" sname="s2" count="300">this is s2</slot>
    </div>

    <div>
      <slot name="s3" sname="s3" age="20">this is s3</slot>
    </div>

    <div>
      <slot name="s4" sname="s3" age="20">this is s4</slot>
    </div>
  </div>
</template>
<script>
export default {
  data() {
    return { username: 'lili' };
  }
};
</script>